<?php $this->load->view('_inc/header')?>
<script>
$(document).ready(function(){
    $('.cadastrar').click(function(){
        var divEditar = $('.popUp');
        $.ajax({
            url: '<?php echo base_url()?>index.php/estacao/cadastrarMetro',
            type: 'POST',
            success: function(data){
                divEditar.html(data);
                abrePopUp();
            }
        });
    });
    
    $('.editar').click(function(){
        var id = $(this).attr('id');
        var divEditar = $('.popUp');
        $.ajax({
            url: '<?php echo base_url()?>index.php/estacao/editarMetro/' + id,
            type: 'POST',
            success: function(data){
                divEditar.html(data);
                abrePopUp();
            }
        });
    });
    
    $('.excluir').click(function(){      
        if(confirm("Deseja realmente excluir esta linha de metrô?")){
            var id = $(this).attr('id');
            var url = $(this).attr('name');
            $(this).parent('td').parent('tr').css('background','#ff9999').hide(600);
            $.ajax({
                url: '<?php echo base_url()?>index.php/cooperativa/excluirMetro/' + id,
                type: 'POST',
            });
        }
    });
});
</script>
<h1>Estações de Metrô</h1>

<button class="cadastrar">Novo Metrô</button>

<table class="listagem">
    <tr>
        <th>Linha</th>
        <th>Preco</th>
    </tr>
    <?php foreach($metros as $metro){ ?>
    <tr>
        <td><?php echo $metro->metro?></td>
        <td><?php echo $metro->preco?></td>
        <td><a class="icone editar" id="<?php echo $metro->id?>"></a></td>
        <td><a class="icone excluir" id="<?php echo $metro->id?>"></a></td>
    </tr>
    <?php } ?>
</table>

<?php $this->load->view('_inc/footer')?>